<template>
  <div>
    <button type="button" v-on:click="add">{{ test }}</button>
    <hr />
    <button type="button" @click="add">{{ test }}</button>
    <hr />
    <button type="button" @click="add1(2)">{{ test }}</button>
  </div>
</template>

<script>
export default {
  name: "DP",
  components: {},
  props: {},
  data() {
    return {
      test: 1,
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    add() {
      this.test++;
    },
    add1(num) {
      this.test += num;
    },
  },
};
</script>

<style scoped></style>
